/* 为添加按钮容器设置样式 */
.addButtonContainer {
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center; /* 确保垂直居中 */
    justify-content: center; /* 水平居中 */
    height: 100%; /* 或者设置一个固定的高度，如 50px; */
}

/* 为搜索框设置样式 */
.searchInput {
    margin-left: 8px; /* 搜索框与图标和文本的间距 */
    flex-grow: 1; /* 允许搜索框占据剩余空间 */
    max-width: 400px; /* 搜索框的最大宽度 */
    /* 如果搜索框高度不一致，可以设置一个固定的高度，如 */
    height: 32px; /* 与按钮等高 */
    /* 确保搜索框内部文本垂直居中 */
    padding: 4px 8px;
    box-sizing: border-box; /* 边框计算在宽度内 */
}

/* 为添加图标设置样式 */
.addIcon {
    margin-right: 8px;
    color: #1890ff; /* 图标颜色，例如蓝色 */
}

/* 为添加文本设置样式 */
.addText {
    margin-right: auto;
    font-size: 16px; /* 增加字体大小 */
    font-weight: bold; /* 加粗文本 */
    color: #333; /* 深色文本颜色 */
}

/* 为添加按钮设置样式 */
.addButton {
    margin-left: 8px;
    border-radius: 4px; /* 按钮圆角 */
    background-color: #1890ff; /* 按钮背景颜色 */
    border-color: #1890ff; /* 按钮边框颜色 */
    /*padding: 8px 15px; !* 按钮内边距 *!*/
}

.addButton:hover {
    background-color: #40a9ff; /* 鼠标悬浮时按钮背景颜色 */
    border-color: #40a9ff; /* 鼠标悬浮时按钮边框颜色 */
}

/* 可选：为按钮添加阴影 */
.addButton {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out; /* 平滑过渡效果 */
}

.addButton:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 鼠标悬浮时更深的阴影 */
}